<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页菜单</title>
		<style>
			ul{
				list-style-type: none;/*ul前面的点（所有标志消失）;*/
			}
			li{
				float: left;/*float浮动，left，元素紧跟着不换行*/
			    margin-right: 10px;/*margin四周空白*/
				background-color: #11ee66;/*设置背景色*/
				padding:10px 10px 10px 10px;/*上右下左--四周的空白*/
			    color: aliceblue;
				border-radius: 10px;/*圆角*/
			}
			li:hover{/*鼠标的操作叫事件：拖动/移动/单击/双击  hover：鼠标移入*/
				background-color: #ff5500; /*设置字体颜色：白色*/
			}
			a{
				text-decoration: none;/*去掉a标签下划线修饰*/
				color: aliceblue;/*字体颜色白色*/
			}
		</style>
	</head>
	<body>
		<!--标签分组，li条目-->
		<!--a标签 网站链接  hred属性表示网站地址，target属性设置是否弹出 -->
	<ul>
		<li><a target="_blank" href="https://www.w3school.com.cn/">W3Cschoool</a></li> 
		<li><a target="_blank" href="https://www.runoob.com/">菜鸟教程</a></li>
		<li><a target="_blank" href="https://www.cnblogs.com/">博客园</a></li>
		<li><a target="_blank" href="https://www.csdn.net/">CSDN</a></li>
		<li><a target="_blank" href="https://segmentfault.com/">思否</a></li>
	</ul>
	
	</body>
</html>